home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 59338 / 59338.xpi / chrome / global / listbox.css < prev    next >
Cascading Style Sheet File  |  2010-01-29  |  7KB  |  226 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Mozilla Public License Version
  5.  * 1.1 (the "License"); you may not use this file except in compliance with
  6.  * the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/MPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is Mozilla Communicator client code, released
  15.  * March 31, 1998.
  16.  *
  17.  * The Initial Developer of the Original Code is
  18.  * Netscape Communications Corporation.
  19.  * Portions created by the Initial Developer are Copyright (C) 1998-2001
  20.  * the Initial Developer. All Rights Reserved.
  21.  *
  22.  * Contributor(s):
  23.  *   Joe Hewitt (hewitt@netscape.com)
  24.  *
  25.  * Alternatively, the contents of this file may be used under the terms of
  26.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  27.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  28.  * in which case the provisions of the GPL or the LGPL are applicable instead
  29.  * of those above. If you wish to allow use of your version of this file only
  30.  * under the terms of either the GPL or the LGPL, and not to allow others to
  31.  * use your version of this file under the terms of the MPL, indicate your
  32.  * decision by deleting the provisions above and replace them with the notice
  33.  * and other provisions required by the GPL or the LGPL. If you do not delete
  34.  * the provisions above, a recipient may use your version of this file under
  35.  * the terms of any one of the MPL, the GPL or the LGPL.
  36.  *
  37.  * ***** END LICENSE BLOCK ***** */
  38.  
  39. /* ===== listbox.css =======================================================
  40.   == Styles used by XUL listbox-related elements.
  41.   ======================================================================= */
  42.  
  43. @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
  44.  
  45. /* ::::: listbox ::::: */
  46.  
  47. listbox {
  48. -moz-appearance: none !important;
  49. margin: 2px 4px;
  50. border: 2px solid !important;
  51. -moz-border-radius: 5px;
  52. -moz-border-top-colors:#969595 #c1c0bf !important;
  53. -moz-border-bottom-colors:#d6d5d4 #e0dfde !important;
  54. -moz-border-left-colors:#bbbab9 #dcdbda !important;
  55. -moz-border-right-colors:#bcbbba #dcdbda !important;
  56. background-color: #ffffff;
  57. color: #000000;
  58. }
  59.  
  60. listbox:focus {
  61. -moz-border-top-colors:#2f75c5 #789bc3 !important;
  62. -moz-border-bottom-colors:#3278c7 #88abd3 !important;
  63. -moz-border-left-colors:#3177c6 #86a8d1 !important;
  64. -moz-border-right-colors:#3278c7 #86a8d1 !important;
  65. }
  66.  
  67. listbox[disabled="true"] {
  68.   color: GrayText;
  69. }
  70.  
  71. /* ::::: listitem ::::: */
  72.  
  73. listitem {
  74.   border: 2px solid transparent;
  75. }
  76.  
  77. listitem:hover {
  78. /*background-color:#dae8f6;
  79. background-image: url("chrome://browser/skin/icons/treeitem_hover.png");
  80. background-repeat:repeat-x;*/
  81. background: -moz-linear-gradient(top, #deeefe, #ccdae7);
  82. border: 2px solid !important;
  83. -moz-border-radius: 3px;
  84. -moz-border-top-colors:#cce1f6 #e7f3fe !important;
  85. -moz-border-bottom-colors:#cadef2 #e3eef8 !important;
  86. -moz-border-left-colors:#cbe0f4 #e5f1fb !important;
  87. -moz-border-right-colors:#cadff3 #e5f0fb !important;
  88. }
  89.  
  90.  
  91. listbox:focus > listitem[selected="true"][current="true"] {
  92.   border: 2px solid transparent;
  93. }
  94.  
  95. listitem[selected="true"] {
  96. /*background-color:#4790d7;
  97. background-image: url("chrome://browser/skin/icons/treeitem_sel.png");
  98. background-repeat:repeat-x;*/
  99. background: -moz-linear-gradient(top, #68b4fd, #5190cf);
  100. border: 2px solid !important;
  101. -moz-border-radius: 3px;
  102. -moz-border-top-colors:#418bd4 #89c3fd !important;
  103. -moz-border-bottom-colors:#418bd4 #71a8df !important;
  104. -moz-border-left-colors:#418bd4 #7fb9f1 !important;
  105. -moz-border-right-colors:#418bd4 #7ab3ea !important;
  106. color:#ffffff !important;
  107. }
  108.  
  109. listbox:focus > listitem[selected="true"] {
  110. /*background-color:#4790d7;
  111. background-image: url("chrome://browser/skin/icons/treeitem_sel.png");
  112. background-repeat:repeat-x;*/
  113. background: -moz-linear-gradient(top, #68b4fd, #5190cf);
  114. border: 2px solid !important;
  115. -moz-border-radius: 3px;
  116. -moz-border-top-colors:#418bd4 #89c3fd !important;
  117. -moz-border-bottom-colors:#418bd4 #71a8df !important;
  118. -moz-border-left-colors:#418bd4 #7fb9f1 !important;
  119. -moz-border-right-colors:#418bd4 #7ab3ea !important;
  120. color:#ffffff !important;
  121. }
  122.  
  123. /* ::::: listheader ::::: */
  124.  
  125. listheader { 
  126.   -moz-appearance: none;
  127.   -moz-box-align: center;
  128. border: none !important;
  129. /*-moz-border-radius-topleft: 5px;
  130. -moz-border-radius-topright: 5px;
  131. -moz-border-radius-bottomleft: 5px;
  132. -moz-border-radius-bottomright: 5px;*/
  133. /*-moz-border-top-colors:#969595 #c1c0bf !important;
  134. -moz-border-bottom-colors:#d6d5d4 #e0dfde !important;
  135. -moz-border-left-colors:#bbbab9 #dcdbda !important;
  136. -moz-border-right-colors:#bcbbba #dcdbda !important;*/
  137.   background-color: #DADCE4;
  138.   color: #000000;
  139.   padding: 0 4px;
  140. }
  141.  
  142. listheader[sortable="true"]:hover:active {
  143. border: 2px solid !important;
  144. -moz-border-radius: 5px;
  145. -moz-border-top-colors:#2f75c5 #789bc3 !important;
  146. -moz-border-bottom-colors:#3278c7 #88abd3 !important;
  147. -moz-border-left-colors:#3177c6 #86a8d1 !important;
  148. -moz-border-right-colors:#3278c7 #86a8d1 !important;
  149. padding: 1px 4px 0 5px;
  150. }
  151.  
  152. .listheader-icon {
  153.   -moz-margin-end: 2px;
  154. }
  155.  
  156. .listheader-label {
  157.   margin: 0px !important;
  158. }
  159.  
  160. /* ..... sort direction icon ..... */
  161.  
  162. .listheader-sortdirection {
  163.   list-style-image: none;
  164. }
  165.  
  166. .listheader-sortdirection[sortDirection="ascending"] {
  167.   list-style-image: url("chrome://global/skin/tree/sort-asc.png");
  168. }
  169.  
  170. .listheader-sortdirection[sortDirection="ascending"]:-moz-system-metric(windows-classic) {
  171.   list-style-image: url("chrome://global/skin/tree/sort-asc-classic.png");
  172. }
  173.  
  174. .listheader-sortdirection[sortDirection="descending"] {
  175.   list-style-image: url("chrome://global/skin/tree/sort-dsc.png");
  176. }
  177.  
  178. .listheader-sortdirection[sortDirection="descending"]:-moz-system-metric(windows-classic) {
  179.   list-style-image: url("chrome://global/skin/tree/sort-dsc-classic.png");
  180. }
  181.  
  182. /* ::::: listcell ::::: */
  183.  
  184. .listcell-label {
  185.   margin: 0px !important;
  186.   padding-top: 0px;
  187.   padding-bottom: 1px;
  188.   -moz-padding-start: 4px;
  189.   -moz-padding-end: 0px;
  190.   white-space: nowrap;
  191. }
  192.  
  193. .listcell-icon {
  194.   -moz-margin-end: 2px;
  195. }
  196.  
  197. .listcell-label[disabled="true"] {
  198.   color: GrayText;
  199. }
  200.  
  201. /* ::::: listcell checkbox ::::: */
  202.  
  203. .listcell-check {
  204. -moz-appearance: none !important;
  205. -moz-box-align: center;
  206. margin: 0px 2px;
  207. border: none;
  208. width: 21px;
  209. height: 21px;
  210. background-image: url("chrome://global/skin/checkbox/checkbox.png");
  211. background-color:transparent;
  212. }
  213.  
  214. .listcell-check[checked="true"] {
  215. background-image: url("chrome://global/skin/checkbox/checkbox-checked.png");
  216. background-color:transparent;
  217. }
  218.  
  219. .listcell-check[disabled="true"] {
  220. background-image: url("chrome://global/skin/checkbox/checkbox.png");
  221. opacity: 0.4;
  222. }
  223.  
  224. .listcell-check[disabled="true"][checked="true"] {
  225. background-image: url("chrome://global/skin/checkbox/checkbox-checked.png");
  226. }